<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:wicket="http://wicket.sourceforge.net/">
<body>
	<wicket:extend>
	<div wicket:id="tab-container">
		<ul>
           <li class="ui-tabs-nav-item"><a href="#tab-1"><span>Simple Droppable</span></a></li>
           <li class="ui-tabs-nav-item"><a href="#tab-2"><span>Ajax Droppable #1</span></a></li>
           <li class="ui-tabs-nav-item"><a href="#tab-3"><span>Ajax Droppable #2</span></a></li>
       	</ul>
    	<div id="tab-1">
	    	<div class="demotitle">Demo</div>
				<div class="democontainer" style="min-height: 200px;height: 200px;">
				<div wicket:id="draggable0" class="drag-green">
					<span>draggable</span>
				</div>
				<div wicket:id="droppable0" class="drop">
					<span>droppable</span>
				</div>
			</div>
    	</div>
    	<div id="tab-2">
    		<div class="demotitle">Demo</div>
			<div class="democontainer" style="min-height: 200px;height: 200px;">
				<div wicket:id="draggable1" class="drag-green">
					<span>draggable</span>
				</div>
				<div wicket:id="droppable1" class="drop">
					<span>droppable</span>
				</div>
				<span>Ajax behavior output : </span><span wicket:id="output1"></span>
			</div>
    	</div>
    	<div id="tab-3">
    		<div class="demotitle">Demo</div>
			<div class="democontainer" style="min-height: 200px;height: auto;">
				<div wicket:id="draggable2-1" class="drag-green">
					<span>draggable</span>
				</div>
				<div wicket:id="draggable2-2" class="drag-red">
					<span>draggable</span>
				</div>
				<div wicket:id="droppable2" class="drop">
					<span>droppable</span>
				</div>
				<span>Ajax behavior output : </span><span wicket:id="output2"></span>
			</div>		
    	</div>   
	</div>
	<div class="codesample">
		<div class="codetitle">Source Code</div>
		<div class="codecontainer">
			<div class="section">
				<h5>Html</h5>
				<pre class="ln-">
					<code wicket:id="chili1" class="html"></code>
				</pre>
			</div>
			<div class="section">
				<h5>Java</h5>
				<pre class="ln-">
					<code wicket:id="chili2" class="java"></code>
				</pre>
			</div>
		</div>
	</div>
	</wicket:extend>
</body>
</html>